<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Embedded</title>
    <link rel="stylesheet" type="text/css" href="${resource(dir:'css',file:'main.css')}"/>
    <link rel="icon" href="${resource(dir:'images',file:'favicon.ico')}" type="image/x-icon" />
    <script type="text/javascript" src="${resource(dir:'js',file:'jquery-1.2.6.pack.js')}"></script>
    <script type="text/javascript" src="${resource(dir:'js',file:'accordion.js')}"></script>
    <script type="text/javascript" src="${resource(dir:'js',file:'depoimento.js')}"></script>
    <g:javascript library="prototype"/>
</head>
<body onload="${remoteFunction(action:'next',controller:'depoimento',update:'depoimentodiv')};${remoteFunction(action:'next',controller:'projeto',update:'projectH')}">
    <div class="hr"></div>
    <div id="top">
    	<div class="wrap">
        	<div id="nav">
            	<a href="${resource(dir:'/layouts/main.gsp')}"><div class="opt" style="width:60px">Home</div></a>
            	<a href="${resource(dir:'/layouts/projetos.gsp')}"><div class="opt" style="width:70px">Projetos</div></a>
            	<a href="${resource(dir:'/layouts/trabalhe.gsp')}"><div class="opt" style="width:125px">Trabalhe Conosco</div></a>
            	<a href="${resource(dir:'/layouts/contato.gsp')}"><div class="opt" style="width:65px">Contato</div></a>
            </div>
        </div>
    </div>
    <div class="div_blue"></div>
    <div id="top_lang">
    	<div class="wrap">
        	<div id="logo"><a href="${resource(dir:'/layouts/main.gsp')}"><img src="${resource(dir:'images',file:'logo.png')}" height="45" alt="embedded logo" title="embedded logo" /></a></div>
            <div id="ef"><a href="${resource(dir:'/layouts/main.gsp')}"><img src="${resource(dir:'images',file:'desc_efe.png')}" height="45" alt="embedded" title="embedded" /></a></div>
            <div id="language">
            	<a href="${resource(dir:'/layouts/privacidade.gsp')}" style="color:#999"><div class="change"><span><img src="${resource(dir:'images',file:'pt.png')}" width="18" height="16" alt="portuguese" title="portuguese" /></span><span style="padding-left:5px; vertical-align:top">Portuguese</span></div></a>
                <a href="${resource(dir:'/layouts/english/privacy.gsp')}" style="color:#999"><div class="change"><span><img src="${resource(dir:'images',file:'en.png')}" width="18" height="16" alt="english" title="english" /></span><span style="padding-left:5px; vertical-align:top">English</span></div></a>
            </div>
    	</div>
    </div>
    <div id="conteiner">
        <div class="wrap">
        	<div id="left_column">
            	<div id="navV">
                	<ul>
                    	<a href="${resource(dir:'/layouts/embedded.gsp')}" style="color:#333"><li>Embedded</li></a>
                        <img src="${resource(dir:'images',file:'div_navV.jpg')}" class="sp" />
                        <a href="${resource(dir:'/layouts/estrutura.gsp')}" style="color:#333"><li>Estrutura</li></a>
                        <img src="${resource(dir:'images',file:'div_navV.jpg')}" class="sp" />
							<a href="#" style="color:#333" class="accordion">Projetos</a>
                                <div class="accordion">
                                    <a href="${resource(dir:'/layouts/p_pesquisa.gsp')}" style="color:#666"><p>Pesquisa e Desenvolvimento</p></a>
                                    <a href="${resource(dir:'/layouts/p_ensino.gsp')}" style="color:#666"><p>Ensino e Treinamento</p></a>
                                    <a href="${resource(dir:'/layouts/p_empreend.gsp')}" style="color:#666"><p>Inovação e Empreendedorismo</p></a>
                                </div>
                        <img src="${resource(dir:'images',file:'div_navV.jpg')}" class="sp" />
                        <a href="${resource(dir:'/layouts/equipe.gsp')}" style="color:#333"><li>Equipe</li></a>
                        <img src="${resource(dir:'images',file:'div_navV.jpg')}" class="sp" />
                       <a href="${resource(dir:'/layouts/parceiros.gsp')}" style="color:#333"><li>Parceiros</li></a>
                    </ul>
                </div>
                <div id="projectH">
               <!-- 	<p style="padding:35px 0px 0px 15px; font-size:13px; color: #333">Destaque</p>
                    <p style="padding:15px 0px 0px 15px; width:100px; text-align:justify; line-height:14px">Easy visa reduzir a complexidade de acesso de serviços desktop entre outros.</p>
                    <a href="http://easy.garage.maemo.org" style="color:#666"><p style="padding:12px 0px 0px 30px; font-size:11px">ver projeto</p></a> -->
                </div>
                <div id="messages">
                    <div id="depoimentodiv"></div>                 
              <!--      <p style="text-align:right; font-size:11px">
                    <a href="#depoimentPost" onclick="openFormDep()">
                    <font color="#09917c">Crie um depoimento</font></a></p>
                    <div id="depoimentPost" style="text-align:left; font-size:11px"></div> -->
		    <p style="text-align:right; font-size:11px"><a href="${resource(dir:'/layouts/parceiros.gsp')}" style="color="#09917c""><font color="#09917c">Conheça nossos parceiros</font></a></p>
                </div> 
            </div>
            <div id="right_column">
            	<div id="banner2"><a href="#"><img src="${resource(dir:'images',file:'banner_interna.jpg')}" width="700" height="84" alt="banner" /></a></div>               
                <div id="box">
                	<div class="col_left">
                    	<p class="pTitle2"><img src="${resource(dir:'images',file:'ic.jpg')}" width="5" height="7" alt="icon" /> Política de privacidade</p>
                        <p class="pTxt2">
                        Este site é administrado pelo Laboratório de Sistemas Embarcados e Computação Pervasiva. O principal objetivo do portal embedded.ufcg.edu.br é ser um recurso dinâmico e uma ferramenta que fornece informações sobre os trabalhos desenvolvidos pelo laboratório. Nós queremos que você se sinta seguro ao visitar o nosso site e estamos empenhados em manter a sua privacidade durante o processo.
                        </p>
                        <p class="pTxt2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel nisi enim, eu volutpat sem. Quisque pellentesque consequat convallis. Nunc aliquet quam libero, ut pellentesque nibh. Nam posuere cursus lacinia. In hac habitasse platea dictumst. Fusce lectus lacus, lobortis vitae tincidunt. Nunc aliquet quam libero, ut pellentesque nibh. Nam posuere cursus lacinia. In hac habitasse platea dictumst. Fusce lectus lacus, lobortis vitae tincidunt.</p>
                        <p class="pTxt2">Duis at diam nec metus porttitor lobortis in eget sem. Nullam varius, dui eu faucibus condimentum, mauris quam lacinia odio, eu laoreet ipsum augue ac odio pellentesque orci arcu, feugiat id rutrum a.</p>                      
                    	                                              
                  </div>
                    <div class="col_right">
                    	<img src="${resource(dir:'images',file:'sala_projetos.png')}" width="234" height="153" alt="Fachada do laboratório"  title="Fachada do laboratório"/>
                    </div>                
                </div>              
            </div> 
     <div id="twitter">
                    <p class="pG"><span style="float:left; background-color:#8fbacc; padding:7px 20px 10px 10px; color:#fff">@embedded_ufcg</span><span style="color:#858585; float:right; margin:5px 20px 0px 0px"><a href="http://www.twitter.com/embedded_ufcg" target="_blank" style="text-decoration:none; color:#666"><img src="${resource(dir:'images',file:'icon_twitter.jpg')}" width="23" height="16" alt="icon twitter" title="icon twitter" />siga-nos no twitter</span></a></p>
                    <p class="pB" id="twitter_update_list"></p>
                    <a href="http://twitter.com/embedded_ufcg" id="twitter-link" style="display:block;text-align:right;"></a>
            </div>
            <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
            <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/embedded_ufcg.json?callback=twitterCallback2&amp;count=3"></script>
            </div>
        </div>
        <div id="footer">
            <div class="wrap">
            	<div class="hr"></div>
                <div id="txt"><span style="float:left"><a href="http://www.ufcg.edu.br" target="_blank"><img src="${resource(dir:'images',file:'logo2.png')}" width="31" height="24" alt="UFCG" title="UFCG" /></a><a href="http://embedded.ufcg.edu.br" target="_blank"><img src="${resource(dir:'images',file:'logo1.png')}" width="31" height="29" alt="Embedded" title="Embedded" /></a>
                </span><span style="float:left; margin-left:10px; margin-top:8px"> Copyright - Todos os direitos reservados</span>                 <span style="float:right; margin-top:8px"><a href="${resource(dir:'/layouts/privacidade.gsp')}">Política de Privacidade</a>
                <a href="${resource(dir:'/layouts/imprensa.gsp')}">Imprensa</a>
                <a href="${resource(dir:'/layouts/contato.gsp')}">Contato</a></span></div>
            </div>
        </div>
    </div>
</body>
</html>